body{font-weight:lighter;font‐family:arial,sans‐serif;} /* @font-face{font-family:Oswald,sans‐serif;src:url(../Fonts/Oswald-Regular.ttf)} @font-face{font-family:HarmonyOS;src:url(../Fonts/HarmonyOS_Sans_SC_Regular.ttf)} @font-face{font-family: GOVERRegular;src:url(../Fonts/GOVER.ttf)} */ body{font-family:HarmonyOS} ::-webkit-scrollbar{width:0.05rem;height:0.05rem} ::-webkit-scrollbar-track{width:0.05rem;background-color:#eee} ::-webkit-scrollbar-thumb{background-color:#003a4a;background-clip:padding-box;min-height:28px} ::-webkit-scrollbar-thumb:hover{background-color:#003a4a} *{box-sizing:border-box;margin: 0;padding: 0} html{-webkit-text-size-adjust:100%;font-size:100px} @media (max-width:1600px){html{font-size:6.25vw} } @media (max-width:1024px){html{font-size:9.765625vw} } @media (max-width:480px){html{font-size:14vw} } body{line-height:2;font-size:0.16rem;background:url(../images/main_bg.png);padding-left:1.4rem;color:#888} .auto-inner{margin:0 auto;width:86%;} @media (max-width:1400px){.auto-inner{width:86%;} } a{transition:0.3s;color:#888} /*.------------------------------------------------------------------------------------------------------------.slick-arrow */ .bot_arrow{margin-top:0.5rem;position:relative;overflow:hidden;height:0.1rem;} .bot_arrow::before{content:"";display:block;position:absolute;right:1.4rem;bottom:0;width:100vw;height:1px;background:rgba(255,255,255,0.1);} .slick-arrow{background:url(../images/arrow_prev.png) no-repeat center;background-size:contain;z-index:100;font-size:0;width:0.25rem;height:0.07rem;position:absolute;bottom:0;cursor:pointer;padding:0;} .slick-prev{right:0.48rem;} .slick-next{right:0;background:url(../images/arrow_next.png) no-repeat center;background-size:contain;} .slick-arrow:hover{} @media(max-width:1024px){.slick-arrow{width:0.6rem;height:0.6rem;} } .Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .5s;} .imgbox img{ width:auto !important; max-height:100%;} /*.------------------------------------------------------------------------------------------------------------.Maintop */ .Maintop{width:100%;z-index:1000;position:relative;text-align: center;;} .Maintop .logo{margin-top: 1.21rem;display: inline-block;} .Maintop .HomeNav{width: 1.4rem;margin-top: 1.23rem;} .Maintop .HomeNav li{color: #ffffff;opacity: 0.3;font-size: 0.16rem;margin-bottom: 0.3rem} .Maintop .HomeNav li a{color: #fff;} .Maintop .HomeNav li.onnav,.Maintop .HomeNav li:hover{opacity: 1} .Maintop .search{width: 1.4rem;margin-top: 1.6rem;} /*Top002764 */ .Top002764{z-index: 200;} .Top002764 .auto{max-width: 1720px; width: 96%;} .Top002764 .header-left{float: left;display: table;width: 16.454%; height: 102px;} .Top002764 .header-left .logo{display: table-cell; vertical-align: middle;} .Top002764 .header-left .logo img{display: block; max-height: 90px; max-width: 80%;} .Top002764 .header-right{float: right;padding-top: 32px;} .Top002764 .header-right dl > *{float: left;} .Top002764 .header-right dd{width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.1);} .Top002764 .header-right dd.top-lang a{color: #ccc;display: block;line-height: 36px; text-align: center; transition: 0.3s;} .Top002764 .header-right dd.top-lang a:hover{background: #fff;color: #000;} .Top002764 .header-mid{float: left;} .Top002764 .header-menu li{width: auto!important;padding:32px 50px 32px 0;} .Top002764 .header-menu li a{color: #777;font-size: 16px;transition: 0.3s;} .Top002764 .header-menu li a:hover, .Top002764 .header-menu li.aon em a{color: #fff;} .Top002764 .header-menu li em a{line-height: 38px;} .Top002764 .top-search .text{width: 100%; padding: 0 0 0 10px;line-height: 37px; border: 0 solid #333;border-bottom-width: 1px; height: 38px;background: none;color: #777;position: absolute;left: -260px;width: 300px;top: 20px;} .Top002764 .top-search .btn{position: absolute; left: 0; top: 20px; width: 38px; height: 38px;background: url(../images/sousuo.png) no-repeat center center;} @media(min-width:1025px){ .Top002764{position: absolute; left: 0; top: 0; width: 100%;display: none} .Top002764 #open_menu{display: none;} .Top002764 .header-right dd.top-lang{margin-left: 38px;} .Top002764 .top-search{position: relative;width: 180px;display: block!important;} } @media(max-width:1024px){ .Top002764{background: #000;position: relative;} .Top002764 .header-right dt{margin-right: 10px;position: relative;} .Top002764 .open-search{width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.1);display: block;background: url(../images/sousuo.png) no-repeat center center;} .Top002764 .open-search.on{background-color: #000;} .Top002764 .header-left{width: 40%; height:72px;} .Top002764 .header-left .logo img{max-height: 70px;} .Top002764 .header-right{padding-top: 17px;} .Top002764 .top-search{position: absolute; right: 0; top: 100%; width: 100%;display: none;} .Top002764 .top-search .text{background: #fff;} .Top002764 #open_menu{margin-left: 10px;position: relative;} .Top002764 #open_menu i{width: 60%; left: 20%; height: 3px; margin-top: -1.5px;position: absolute;} .Top002764 #open_menu i, .Top002764 #open_menu i:before, .Top002764 #open_menu i:after{background: #fff;} .Top002764 #header-menu{position: absolute; top: 100%;left: -100%; width: 200px;background:#000; border-radius: 0 0 0 5px;overflow: hidden;opacity: 0; transform: translateY(50px); transition: opacity 0.5s,transform 0.5s;} .Top002764 #header-menu.header-menu-show{left: auto;right: 0; opacity: 1; transform: translateY(0);} .Top002764 #header-menu li a{color: #fff;font-weight: normal;padding-left: 20px;} .Top002764 #header-menu li{height: .5rem;line-height: .5rem;} Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%; top:5px; z-index:200;} #open_menu i, #open_menu i::before, #open_menu i::after{ position:absolute;} .Public_nav_style #open_menu i, .Public_nav_style #open_menu i::before, .Public_nav_style #open_menu i::after{background:#20979b;} #open_menu i{ top:50%;} .Public_nav_style #open_menu i{ width:60%; left:20%; margin-top:-1px; height:2px;} #open_menu i::before, #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;} #open_menu i::before{ top:6px;} #open_menu i::after{top:-6px;} .header-menu{ display:none;} .Public_nav_style #open_menu.open_menu_on{ border-color:#fff;} #open_menu.open_menu_on i{ background:none !important;} .Public_nav_style #open_menu.open_menu_on i::before, .Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;} #open_menu.open_menu_on i::before, #open_menu.open_menu_on i::after{ top:0 !important;} #open_menu.open_menu_on i::before{ transform:rotate(45deg);} #open_menu.open_menu_on i::after{ transform:rotate(-45deg);} body{padding-left: 0;} } /*.------------------------------------------------------------------------------------------------------------.Mainbottom */ /**.Columntit*/ .Columntit h3{font-size:0.4rem;color:#fff;margin:0 0 2em 0;line-height:1;position:relative;padding-left:0rem;font-weight:normal;} .Columntit{text-align:center;} /**.Columnbanner*/ .Columnbanner{position:relative;z-index:1;} .Columnbanner:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5} .Columnbanner div{padding-bottom:32%;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#666;} .Columnbanner img{display:none} .Columnbanner aside{font-weight:bold;position:absolute;left:5%;top:42%;line-height:1.5;z-index:50;font-size:0.4rem;padding:0 2%; color:#fff;} .Columnbanner aside span{display:block;font-size:0.16rem;text-transform:capitalize; opacity: 0.5;} @media(max-width:1024px){.Columnbanner div{display:none} .Columnbanner img{display:block;width:100%} } .Banmenu{position:relative;} /*------------------------------------------------------------------------------------------------------------.Columnmenu*/ .Columnmenu{width:100%;z-index:100;background:rgba(30,30,30,.7);margin-top:-1.02rem;position:absolute;left:0;bottom:0;} .Columnmenu .auto-inner{height:auto;overflow:hidden;} .Columnmenu .col-name{font-size:0.3rem;color:#222;margin:0;font-weight:400;position:relative;margin-left:0.1rem;display:none} @media(min-width:1025px){.Columnmenu ul{margin-top:0; text-align: center; width: 100%;} .Columnmenu li{display:inline-block;margin:0 3% 0 0} .Columnmenu li a{color:#aaa;font-size:0.22rem;line-height:1rem;display:block;border-bottom:0.02rem solid transparent;transition:.3s} .Columnmenu li.aon a,.Columnmenu li:hover a{border-color:#fff;color:#fff;} .Columnmenu .current{line-height:1rem; display: none;} .Columnmenu .current>*{position:relative;margin-left:2em;color:#aaa;font-size:0.14rem;} .Columnmenu .current>*:before{transform:skewX(-30deg);content:"";display:block;position:absolute;left:-1em;top:15%;width:0.01rem;height:70%;background:#666;} .Columnmenu .current>*:nth-child(1):before{display:none;} .Columnmenu .current>*:nth-child(1){margin-left:0;padding-left:0.3rem;background:url(../images/home_icon.png) no-repeat left center;} } @media(max-width:1024px){.Columnmenu .auto{border-bottom:none;padding:5vh 4% 0} .Columnmenu .col-name{display:block;width:100%;height:0.4rem;line-height:0.4rem;color:#666;font-size:0.16rem;text-align:center;border:0.01rem solid #eee;background:url(../images/icon_r.png) no-repeat right 0.2rem center;margin:0;border-radius:1rem;} .Columnmenu .col-name:after{display:none} .Columnmenu ul{border-top:none;border-radius:0.05rem;overflow:hidden;width: 100%;} .Columnmenu li{padding:0;color:#fff;font-size:0.2rem;text-align:center;margin:0;padding: 0 5px;text-align:center;float: left;} .Columnmenu li:last-child{border-bottom:none} .Columnmenu li a{line-height:0.4rem;font-size:0.2rem;border-radius:0;display:block;} } /*.------------------------------------------------------------------------------------------------------------.Singlepage*/ .Singlepage{margin:5% 0;position:relative;} .Singlepage2{position:relative;padding:5% 0 5%;} .Singlepage2:after{content:'';width:100%;height:54%;background:#003a4a;position:absolute;top:0;left:0;z-index:-1;} .Singlepage .about{padding-top:1%;overflow:hidden;margin-left: 6%} .Singlepage .Columntit{text-align:left} .Singlepage .about .pic{width:50%;position:absolute;right:0;top:0;height:100%;} .Singlepage .about .text{width:43%;float:left;line-height:2;text-align: justify;} .Singlepage .about .num{display:block;width:190%;z-index:100;margin-top:8%;padding:8% 6%;position:relative;} .Singlepage .about .num:before{content:"";display:block;position:absolute;right:0;top:0;width:120%;height:100%;background:rgba(255,255,255,0.2);transform:skewX(25deg);} .Singlepage .about .num .auto-inner{padding:0;background:url(../images/main_bg.jpg);background-position:center top 15%;padding:3.2% 4.8% 0;} .Singlepage .about .num dd{display:inline-block;position:relative;} .Singlepage .about .num dd:not(:last-child){padding-right:15%;} .Singlepage .about .num dd:after{transform:skewX(30deg);content:"";display:block;position:absolute;right:20%;top:15%;width:0.01rem;height:70%;background:rgba(255,255,255,0.11)} .Singlepage .about .num dd:last-child:after{display:none;} .Singlepage .about .num dd h3{ font-size:0.5rem;line-height:1;color:#fff;font-weight:400;font-family:Oswald,sans‐serif;display:inline-block;margin:0} .Singlepage .about .num dd span{font-size:0.28rem;color:#fff;display:inline-block} .Singlepage .about .num dd p{font-size:0.16rem;color:rgba(255,255,255,0.4);display:block;margin:0 0} .Singlepage .about .num dd i{font-size:0.4rem;color:#ae9e80;font-weight:400;font-family:Oswald,sans‐serif;text-align:center;letter-spacing:-1px} .Singlepage .about{} /*.------------------------------------------------------------------------------------------------------------.Partner_list*/ .Partner_list{padding:5% 0;} .Partner_list ul{margin:0 -0.1rem} .Partner_list li{float:left;width:calc(100% / 4);padding:0 0.3rem;margin-bottom:3.88%; opacity:0.8;} .Partner_list li a{position:relative;display:block;} .Partner_list li .pic{padding-bottom:50%;} .Partner_list li a figure{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;transition:0.3s;} .Partner_list li a:hover figure{opacity:1;} .Partner_list li dl{display:table;width:100%;height:100%;} .Partner_list li dt{display:table-cell;vertical-align:middle;text-align:center;font-size:18px;color:#fff; padding: 0 20px;} @media(max-width:1024px){ .Partner_list li{width:32%;margin-right:2%;} .Singlepage .about .num{width: 100%;} } @media(max-width:1024px) and (min-width:481px){ .Partner_list li:nth-child(3n){margin-right:0;} } @media(max-width:480px){ .Partner_list li{width:49%; padding:0 0.15rem;} .Partner_list li:nth-child(2n){margin-right:0;} .Partner_list li dt{font-size:15px;} } /*.------------------------------------------------------------------------------------------------------------.Contact_con*/ .Contact_con{padding:0 0 5%;} .Contact_con .inner{position:relative;} .Contact_con .pic{width:50%;position:absolute;right:0;top:0;height:90%;} .Contact_con .text{width:55%;float:left;background:url(../images/contact_bg.png) no-repeat right 20% bottom 39% #151515;background-size:50% auto;padding:7%;position:relative;z-index:20;margin-top:3%;} .Contact_con .text dd{position:relative;margin:1.2em 0;padding-left:0.3rem;color:#aaa} .Contact_con .text dd span{color:#fff;margin-left:1em;} .Contact_con .text dd::before{opacity:0.5;content:"";display:block;position:absolute;left:0;top:0.04rem;width:0.22rem;height:0.22rem;background-repeat:no-repeat;background-size:contain;} .Contact_con .text .phone::before{background-image:url(../images/icon_phone.png);} .Contact_con .text .fax::before{background-image:url(../images/icon_fax.png);} .Contact_con .text .mail::before{background-image:url(../images/icon_mail.png);} .Contact_con .text .add::before{background-image:url(../images/icon_add.png);} @media(max-width:1024px){ .Singlepage .about .pic,.Contact_con .pic{width: 100%;height: 5rem;position: static;} .Singlepage .about .text,.Contact_con .text{width: 100%;} .Singlepage .about{margin: auto 6%} } /*-------------------------------------------------------------------------------------------------------------.News_top*/ .News_top{padding:5% 0 0} .News_top .slick-slide a{display:block;position:relative;height:auto;overflow:hidden;} .News_top .slick-slide .pic{position:absolute;left:0;top:0;width:50%;height:100%;transition:transform .5s ease-in-out;} .News_top .slick-slide:hover .pic{transform:scale(1.05);} .News_top .slick-slide .text{float:right;width:50%;background:#2e2e2e;padding:8% 6%;position:relative;z-index:50;} .News_top .slick-slide .text::before{content:"";display:block;position:absolute;left:-0.3rem;top:0;width:0.3rem;height:100%; background:url(../images/pic_cover2.png) no-repeat right center; background-size: 100% 100%; z-index: 50; transition: 0.5s;} .News_top .slick-slide .h3{color:#fff;font-size:0.24rem;font-weight:400;margin:0.3rem 0 0.1rem} .News_top .slick-slide .p{font-size:0.16rem;line-height:0.3rem;overflow:hidden;height:0.85rem;} .News_top .slick-slide .time{margin-top:12%;} @media(max-width:768px){.News_top .slick-slide .pic{padding-bottom:50%;} .News_top .slick-slide .pic,.News_top .slick-slide .text{width:100%;position:relative;float:left;} } /*-------------------------------------------------------------------------------------------------------------.News_list01*/ .News_list01{padding:5% 0 0;position: relative;} .News_list01 img{height:100%;max-width: auto; border-radius:0rem;transition:transform .5s ease-in-out} .News_list01 .h3{color:#fff;font-size:0.24rem;font-weight:400;} .News_list01 .p{font-size:0.16rem;line-height:0.3rem;overflow:hidden;opacity: 0.8;color: #fff } .News_list01 .date{position: absolute;font-size: 3.8rem;height: 2.83rem;color: #ffffff;opacity: 0.1;right: 0;bottom: 2.2rem;font-weight: bold;} .News_list01 ul li{margin-bottom:0.9rem;position:relative;transition:.5s; } .News_list01 ul li a{display:block;height:auto;overflow:hidden} .News_list01 .right{position: absolute;right: 0;background: url(../images/bg4-2.png) no-repeat center/100% 100%;width: 8.8rem;height: 2.88rem;top: 0.4rem;padding-left: 2.02rem;overflow: hidden;padding-right: 0.68rem;display: flex;align-items: center;} .News_list01 .left{float:left;width:66.3%;overflow:hidden;border-radius:0rem; height: 2.88rem; overflow: hidden;} .News_list01 .left img{ transition: all 0.5s;} .News_list01 ul li a:hover .left img{ transform: scale(1.05);} .News_list01 .time{color:#fff} .News_list01 ul li:nth-child(2n) .left{float: right;} .News_list01 ul li:nth-child(2n) .right{right: auto;left: 0;background: url(../images/bg5-2.png) no-repeat center/100% 100%;padding-left: 0.66rem;padding-right: 2.11rem;} .News_list01 ul li:nth-child(2n) .right .date{right: auto;left: 0} @media(max-width:768px){ .News_list01{padding:5vh 0;} .News_list01 ul li{padding:0 0 0rem 0;overflow: hidden;} .News_list01 img{border-radius:0.05rem;} .News_list01 .time{margin:0.1rem 0 0.05rem;display:inline-block} .News_list01 .time span{float:right;margin:0} .News_list01 .time span:before{content:"-"} .News_list01 .h3{margin:0.3rem 0 0} .News_list01 .left{width: 100%;} .News_list01 .right{width: 100%;position: static;} .News_list01 .date{bottom: 2.1rem} } /*-------------------------------------------------------------------------------------------------------------.News_list01*/ .News_list02{padding:5% 0 0} .News_list02 img{width:100%; border-radius:0rem;transition:transform .5s ease-in-out} .News_list02 .h3{color:#fff;font-size:0.24rem;font-weight:400;margin:0.1rem 0 0.1rem} .News_list02 .p{font-size:0.16rem;line-height:0.3rem;overflow:hidden; } .News_list02 .more{transition:0.5s;content:"";margin-top:0.4rem;width:0.32rem; height:0.32rem;background:url(../images/more.png) no-repeat center center; display: block;} .News_list02 li:hover .more{transform:rotateZ(45deg);} .News_list02 ul li{margin-bottom:0.6rem;position:relative;transition:.5s; background: #111111;} .News_list02 li:hover .left img{transform:scale(1.1)} .News_list02 ul li a{display:block;height:auto;overflow:hidden} @media(min-width:769px){ .News_list02 .right{float:right;width:100%;padding:7% 8%;position:relative;} .News_list02 .left{float:left;width:60%;overflow:hidden;border-radius:0rem; height: 100%; overflow: hidden;} .News_list02 .time{color:#fff;margin-top:0.14rem} } @media(max-width:768px){.News_list02{padding:5vh 0} .News_list02 ul li{padding:0 0 0.4rem 0} .News_list02 img{border-radius:0.05rem;} .News_list02 .time{margin:0.1rem 0 0.05rem;display:inline-block} .News_list02 .time span{float:right;margin:0} .News_list02 .time span:before{content:"-"} .News_list02 .h3{margin:0.3rem 0 0} } /*-------------------------------------------------------------------------------------------------------------.News_detail*/ .News_detail{padding:5% 0;} .News_detail .auto-inner{padding:6% 0} .News_detail .news_info{height:auto;overflow:hidden} .News_detail .news_info .center{display: inline-block;} .News_detail .news_info .title{text-align:center;padding-bottom:2%;margin-bottom:2%;position: relative;} .News_detail .news_info .title h2{margin:0;padding-bottom:1%;font-size: 0.4rem;font-weight:400;color:#fff;} .News_detail .news_info .title p{font-size: 0.18rem;line-height: 0.3rem;color: #ffffff;} .News_detail .news_info .title:before{content: "";height: 0.8rem;width: 0.86rem;background: url(../images/yh1.png) no-repeat center;display: inline-block;margin-right: 10%;margin-bottom: 5%} .News_detail .news_info .title:after{content: "";height: 0.8rem;width: 0.86rem;background: url(../images/yh2.png) no-repeat center;display: inline-block;margin-left: 10%;margin-top: 5%;} .News_detail .news_info .info{text-justify:inter-ideograph} .News_detail2 .news_info .title:before,.News_detail2 .news_info .title:after{display: none} .News_detail2 .news_info .title{border-bottom: 0.01rem dashed rgba(255,255,255,0.18)} .News_detail2 .auto-inner{padding: 0 0 6% 0} .News_detail2 .news_info{background: #000;padding: 5%} .News_detail2 .news_info .title h2{font-size: 0.24rem} .News_detail2 .news_info .title p{font-size: 0.16rem;line-height: 0.3rem;color: #ffffff;opacity: 0.8} .News_detail .news_info .center{text-align:center} .News_detail .info{font-size:0.16rem;;line-height: 0.3rem;;} .News_detail .info p{ text-indent: 2em;color:rgba(255,255,255,.8);} .News_detail .info .img2{width:100%;height:auto;overflow:hidden;margin-top:2%;} .News_detail .info .img2 img{width:49.5%;margin-right:1%;float:left;} .News_detail .info .img2 img:nth-child(2n){margin-right:0} .News_detail .bot{position:relative;margin-top:0.7rem;padding-top:0.5rem;font-size:0.16rem;border-top:0.01rem dashed rgba(255,255,255,0.18)} .News_detail .info_back{text-align:center;clear:both;width: 100%;} .News_detail2 .info_back{text-align:right;clear:unset;width: auto;float: right;} .News_detail .info_back a{font-size:0.16rem;display:inline-block;line-height:0.44rem;min-width:1.8rem;padding-left:0.2rem; background:url(../images/back.png) no-repeat left 0.38rem center #222;background-size:0.18rem;border:none;cursor:pointer;border-radius:1rem;text-align:center;} .News_detail .info_back a:hover{opacity:0.8;} .News_detail .info_pn span{display:block;;margin:0.5% 0} .News_detail .info_pn span a{} @media(max-width:1024px){ .News_detail{padding:4vh 0;} .News_detail .auto{padding:0 4%} .News_detail .info_back{position:relative} .News_detail .news_info .title:before,.News_detail .news_info .title:after{display: none} } @media(max-width:768px){.News_detail .auto-inner{padding:0 4%;background:none;} .News_detail .info *{max-width:100%!important} .News_detail .info .rich_media_area_primary_inner{max-width:100%!important} .News_detail .info_back a{width:100%;margin-bottom:2%} .News_detail .news_info .title h1{font-size:0.36rem;line-height:1.5} } /*-------------------------------------------------------------------------------------------------------------.Columnpage*/ .Columnpage {display: inline-block;width: 100%;margin-bottom: 0.9rem;margin-top: 0.6rem;} .Columnpage .Pages{text-align:center;width: 4.7rem;height: 1rem;background-color: #2b2b2b;float: right;line-height: 1rem;clear:both;} .Columnpage .Pages a{display:inline-block;vertical-align:middle;padding:0 0.15rem;line-height:0.38rem;height:0.38rem;color:#999;border-radius:1rem;} .Columnpage .Pages a.a_cur,.Columnpage .Pages a:hover{color:#fff;opacity:1;} .Columnpage .Pages em{font-style:normal;display:inline-block;vertical-align:middle;overflow:hidden} .Columnpage .Pages em a{float:left;margin-left:2px} .Columnpage .num a{width:0.38rem;;} .Columnpage .Pages .p_count,.Columnpage .Pages .p_cur,.Columnpage .Pages .p_jump,.Columnpage .Pages .p_total{display:none} .Columnpage .Pages .a_prev,.Columnpage .Pages .a_next{padding:0;width:0.82rem;overflow:hidden;line-height:10rem;height:0.38rem;} .Columnpage .Pages .a_prev{background:url(../images/Columnpage-a_prev3.png) no-repeat center center;background-size: 100% auto} .Columnpage .Pages .a_next{background:url(../images/Columnpage-a_next3.png) no-repeat center center;background-size: 100% auto} .Columnpage .Pages .a_end,.Columnpage .Pages .a_first{display:none} @media(max-width:4.8rem){.Columnpage .Pages a{padding:0 0.05rem} } /*-------------------------------------------------------------------------------------------------------------.Product_list*/ .Product_list{padding:5%0 0;;} .Product_list li{overflow:hidden;width:48.5%;margin-right:3%;margin-bottom:3%;float:left;list-style:none;overflow:hidden;} .Product_list li:nth-child(2n){margin-right:0} .Product_list li:nth-child(6)~li{margin-bottom:0} .Product_list li .pic{padding-bottom:60%;background-size:cover;transition:transform .5s ease-in-out;position:relative;} .Product_list li .pic:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);} .Product_list li:hover .pic{transform:scale(1.1);} .Product_list li .text{position:relative;z-index:50;padding:2% 10% 2% 6%;background:#2e2e2e;position:relative;z-index:50;} .Product_list li .text:after{transition:0.5s;content:"";position:absolute;right:4%;top:50%;margin-top:-0.16rem;width:0.32rem; height:0.32rem;background:url(../images/more.png) no-repeat center center;} .Product_list li:hover .text:after{transform:rotateZ(45deg);} .Product_list li .text h1{color:#fff;margin:0;line-height:0.4rem;font-size:0.24rem;font-weight:normal;} .Product_list li .text span{position:absolute;left:0;top:-0.36rem;line-height:0.36rem;background:rgba(0,0,0,0.5);padding:0 0.1rem;color:rgba(255,255,255,0.6);font-family:Fonts;border-radius:0 0.05rem 0 0} /*-------------------------------------------------------------------------------------------------------------.Product_detail*/ .Product_detail{padding:5% 0;} .Product_detail .auto-inner{position:relative;} .Product_detail .pic_list{width:60%;float:left;position:relative;} .Product_detail .top{position:relative;height:auto;overflow:hidden;background:#151515;padding:5%;} .Product_detail .top .con{width:40%;float:right;position:relative;padding:0;border-left:none;padding:10% 0 6% 6%;} .Product_detail .top .pic_list .slider-for{} .Product_detail .top .pic_list .slider-nav{width:100%;padding:0;border-top:none;margin-top:2%;} .Product_detail .top .pic_list li .pic{padding-bottom:60%;} .Product_detail .top .slider-for li{position: relative;} .Product_detail .top .slider-for li .pic{border:none} .Product_detail .top .slider-for li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;object-fit: cover;z-index: 3;} .Product_detail .top .pic_list .slider-nav .slick-list{margin:0 -0.08rem;} .Product_detail .top .pic_list .slider-nav .slick-slide{position:relative;margin:0 0.08rem;cursor:pointer;} .Product_detail .top .pic_list .slider-nav .slick-slide:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:0.02rem solid rgba(0,0,0,.0)} .Product_detail .top .pic_list .slider-nav .slick-current:after{border-color:#444} .Product_detail .top .con .mtit{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:1%;margin-bottom:8%;} .Product_detail .top .con .mtit h2{line-height:1.5;font-size:0.32rem;margin:0 0 2%;font-weight:normal;color:#fff} .Product_detail .top .con .mtit span{line-height:1;font-size:0.16rem;margin:0 0 10% 0;font-weight:normal;color:#666} .Product_detail .top .con h2{line-height:1;font-size:0.18rem;margin:0 0 2%;font-weight:normal;color:#222} .Product_detail .top .con p{margin:0} .Product_detail .top .con .btn{margin-top:18%;} .Product_detail .top .con .btn a{font-size:0.16rem;display:inline-block;line-height:0.44rem;min-width:1.8rem;padding-left:0.2rem; background:url(../images/back.png) no-repeat left 0.38rem center #222;background-size:0.18rem;border:none;cursor:pointer;border-radius:1rem;float:left;text-align:center;} .Product_detail .slick-arrow{transition:0.5s;top:50%;bottom:auto;z-index:100;right:5%;margin:0;width:0.5rem;height:0.5rem;background-size:0.25rem;} .Product_detail .slick-arrow:hover{opacity:0.6;} .Product_detail .slick-prev{left:5%;right:auto;} @media(max-width:768px){ .Product_list li{width:100%;margin:0 0 3% 0;} .Product_detail .pic_list,.Product_detail .top .con{width: 100%;} } /*-------------------------------------------------------------------------------------------------------------.Product_list*/ .Business_list{padding:5% 0 0;position: relative;;margin-top: 1rem;} .Business_list .auto-inner{ width: 93%;margin-left: 7%;margin-right: 0;} .Business_list .Ntitle{float: left;position: absolute;left: 7%;top: 0} .Business_list .Ntitle b{font-size: 1.6rem;height: 1.18rem;color: #ffffff;font-weight: normal;line-height: 1.18rem;} .Business_list .Ntitle .txt h3{font-size: 0.4rem;color: #ffffff;line-height: 0.4rem;margin-top: 0.5rem;} .Business_list .Ntitle .txt p{font-size: 0.22rem;color: #ffffff;line-height: 0.22rem} .Business_list li{ float:left; margin-bottom:0.6rem; width: 7.48rem;position:relative;} .Business_list li:nth-child(2){width: 7.2rem;margin-top: 1rem;} .Business_list li:nth-child(3){width: 4rem;float: left;margin-left: 0.69rem} .Business_list li:nth-child(4){width: 4rem;float: right;} .Business_list li:nth-child(2) .Ispic{height: 6.12rem;;} .Business_list li:nth-child(3) .Ispic{height: 5rem;;} .Business_list li:nth-child(4) .Ispic{height: 4rem;} .Business_list li a{ height:100%; top:0; transition: all 0.5s;} .Business_list li a:hover{ transform: translateY(-10px);} .Business_list li .Ispic{ top:0; height:100%; z-index:1; transition: all 0.4s;} .Business_list li a:hover .Ispic{ transform: scale(1.05);} .Business_list li:nth-child(5){float: right;margin-right: 1.41rem;} .Business_list li:nth-child(5),.Business_list li:nth-child(6){width: 7.2rem} .Business_list li:nth-child(6){float: left;} .Business_list li:nth-child(5) .Ispic,.Business_list li:nth-child(6) .Ispic{height: 4.17rem;;} .Business_list li a{ display: block; position: relative;} .Business_list .pic{background-size:cover;transition:transform .5s ease-in-out; } .Business_list .text{} .Business_list li::after{transition:0.5s;content:"";width:0.5rem; height:0.5rem;background:url(../images/more4.png) no-repeat center center; position: absolute; right:0.4rem; bottom: 1.1rem;background-size: 100% } .Business_list .text h3{font-size: 0.24rem;font-weight: normal;color: #ffffff;margin: 0.39rem 0 0.17rem;line-height: 0.24rem;} .Business_list .text p{font-size: 0.16rem;line-height: 0.28rem;height: .55rem;color: #ffffff;opacity: 0.8;} @media(max-width:1600px){ .Business_list li:nth-child(2),.Business_list li:nth-child(5),.Business_list li:nth-child(6){width: 43.63%;} .Business_list li:nth-child(3),.Business_list li:nth-child(4){width: 24.24%;} .Business_list li:nth-child(5){margin-right: 7%;} } @media(max-width:1024px){ .Business_list {width:100%;margin:0 0 3% 0;} .Business_list .Ntitle{position: static;margin-bottom: 5%} .Business_list .auto-inner{width: 96%;margin: 0 auto} .Business_list li:nth-child(2),.Business_list li:nth-child(3),.Business_list li:nth-child(4),.Business_list li:nth-child(5),.Business_list li:nth-child(6),.Business_list li:nth-child(7){width: 100%;margin: 0 auto;margin-bottom: 5%} } .YwColumnpage{width: 4.7rem;height: 1rem;background-color: #2b2b2b;float: right;margin-top: 0;} .YwColumnpage .Pages .a_first,.YwColumnpage .Pages .a_end{display: none} .Business_list2 .auto-inner{width: 86%;margin: 0 auto} .Business_list2 li:nth-child(2){width: 7.2rem;} .Business_list2 li:nth-child(3){width: 6.32rem;} .Business_list2 li:nth-child(4){width: 7.2rem;margin-right: 0.2rem;} .Business_list2 li:nth-child(5){width: 7.2rem;} .Business_list2 li:nth-child(2) .Ispic{height: 6.12rem;;} .Business_list2 li:nth-child(3) .Ispic{height: 5rem;;} .Business_list2 li:nth-child(5) .Ispic{height: 4.17rem;;} /*-------------------------------------------------------------------------------------------------------------.Advantage*/ .Advantage{ padding: 5% 0;} .Advantage .box_team dl{ margin: 0 } .Advantage .box_team dd{ width: 47.4%; margin-bottom:5%; padding:5%; padding-right: 3.4rem; background:#151515; float: left; color:#ccc;position: relative; } .Advantage .box_team dd:nth-child(2n){margin-right: 0;} .Advantage .box_team dd .pic{ position: absolute; right:0; width:2.8rem; height: 100%; top: 0; background-color: #999;} .Advantage .box_team dd:nth-child(1){float: left;} .Advantage .box_team dd:nth-child(2){float: right} .Advantage .box_team dd .icon { margin-bottom: 0.1rem;} .Advantage .box_team dd .icon img{ width: 0.6rem;} .Advantage .box_team dd h3{ font-weight: normal; margin: 4% 0; color: #fff; font-size: 0.22rem;} .Advantage .box_team dd h3 b{ margin-right: 0.2em;} .Advantage .box_team dd span{ display: inline-block; border-radius: 1rem; color: #ccc; background: #222;padding: 0.2em 1em; margin-right: 2%; margin-bottom: 3%; } .Advantage .box_team dl:nth-child(2n) dd:nth-child(1){ float: right; margin-right: 0; } .Advantage .box_team dl:nth-child(2n) dd:nth-child(2){ float: left; } .Advantage .box_team dl:last-child{ margin: 0; } .Advantage .box_team dl:last-child dd{ margin-bottom: 0; } .Advantage .box_team dl:nth-child(odd) dd:nth-child(1):after{content:"";display:block;position:absolute;right: -7.8%;top:50%; margin-top: -0.09rem; width:0.32rem;height:0.22rem; background:url(../images/arrow_right.svg) no-repeat right center; background-size: 100% 100%; z-index: 50; transition: 0.5s;} .Advantage .box_team dl:nth-child(odd) dd:nth-child(2):after{content:"";display:block;position:absolute;right: 50%;margin-right: -0.09rem; bottom:-14%; width:0.22rem;height:0.32rem; background:url(../images/arrow_bottom.svg) no-repeat right center; background-size: 100% 100%; z-index: 50; transition: 0.5s;} .Advantage .box_team dl:nth-child(even) dd:nth-child(2):after{content:"";display:block;position:absolute;right: -7.4%;top:50%; margin-top: -0.09rem; width:0.32rem;height:0.22rem; background:url(../images/arrow_left.svg) no-repeat right center; background-size: 100% 100%; z-index: 50; transition: 0.5s;} .Advantage .box_work{ } .Advantage .box_work .info{ text-align: center; } .Advantage .box_work dl{ margin: 0 -0.2rem; } .Advantage .box_work dd{ width: 31.2%; margin-right: 3%; margin-bottom:3%; background:#151515; float: left;color:#ccc;position: relative; } .Advantage .box_work dd .con{ position: relative; height: auto; overflow: hidden;} .Advantage .box_work dd .pic{ height: 3rem; position: relative;} .Advantage .box_work dd .text{ float: right; position: relative;padding:8% 10% 10%; } .Advantage .box_work dd .pic::before{content:"";display:block;position:absolute;right: 0;bottom:0;width:102%;height:0.24rem; background:url(../images/pic_cover4.png) no-repeat right bottom; background-size: 100% 100%; z-index: 50; transition: 0.5s;} .Advantage .box_work dd:nth-child(2) .pic::before{background:url(../images/pic_cover5.png) no-repeat right top;height:0.62rem; background-size: 100% 100%;} .Advantage .box_work dd:nth-child(3){ margin-right:0} .Advantage .box_work dd:nth-child(4){ width: 48.5%; margin-bottom: 0;} .Advantage .box_work dd:nth-child(5){ width: 48.5%;margin-right:0; margin-bottom: 0;} .Advantage .box_work dd:nth-child(4) .pic::before, .Advantage .box_work dd:nth-child(5) .pic::before{ display: none;} .Advantage .box_work dd:nth-child(4) .pic::after, .Advantage .box_work dd:nth-child(5) .pic::after{content:"";display:block;position:absolute;right: 0;top:0;width:0.1rem;height:100%; background:url(../images/pic_cover3.png) no-repeat right center; background-size: 100% 100%; z-index: 50; transition: 0.5s;} .Advantage .box_work dd h3{ font-weight: normal; margin: 0 0 2% 0; color: #fff; font-size: 0.24rem;} .Advantage .box_work dd p{ margin: 0 0 0.5em 0; color: #999;} .Advantage .box_work dd:nth-child(4) .pic, .Advantage .box_work dd:nth-child(5) .pic{ position: absolute; left: 0; top: 0; width: 40%; height: 100%; padding: 0} .Advantage .box_work dd:nth-child(4) .text, .Advantage .box_work dd:nth-child(5) .text { float: right; width:60%; } .Advantage .box_work dd:nth-child(4) .text p, .Advantage .box_work dd:nth-child(5) .text p{ height: 1.5rem;} .Advantage .box_innovation{ } .Advantage .box_innovation .inner{ position: relative;} .Advantage .box_innovation .pic{ padding-bottom:40%; background-position: center top;} .Advantage .box_innovation .text{ width:45%; height: 100%; position: absolute; right: 0; top: 0; padding:13% 9%; color: #fff; z-index: 50;} .Advantage .box_innovation .text .Columntit{ text-align: left;} .Advantage .box_innovation .text .Columntit h3{ margin-bottom: 1em; text-align: left;} .Advantage .box_innovation .text:before{ z-index: -10; content: ""; display: block; position: absolute; left: 0; top: 0; opacity: 0.7; width: 100%; height: 100%; background: url(../images/innovation.png) no-repeat left center; background-size: 100% 100%;} .Advantages{ padding: 5% 0;position: relative;display: inline-block;width: 100%;background: url(../images/bg2.png) no-repeat center left;} .Advantages .info{text-align: center;} .Advantage{ padding: 10% 0;position: relative;display: inline-block;width: 100%;} .Advantage2:after{position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: "";background: url(../images/bg.png) no-repeat center;} .Advantage .Advantage_b{padding-top: 10%;display: inline-block;z-index: 9;position: relative;} .Advantage .Advantage_b .Advantage_box{float: left; width: 3rem;height: 3.07rem;position: relative;display: flex;align-items: center;justify-content: center;text-align: center;margin-right: 0.68rem;cursor: pointer;margin-right: 0.84rem;} .Advantage .Advantage_b .Advantage_box:nth-child(4n){margin-right: 0;} .Advantage .Advantage_b .Advantage_box:after{position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: "";background: url(../images/quan.png) no-repeat center;animation: load 10s linear infinite;background-size: auto} .Advantage .Advantage_b .Advantage_box p{display: none;font-size: 0.16rem;color: #ffffff;opacity: 0.8;line-height: 0.3rem;} .Advantage .Advantage_b .Advantage_box h3{font-size: 0.24rem;color: #ffffff;margin-top: 0.2rem;font-weight: normal;} .Advantage .Advantage_b .Advantage_box:hover h3{display: none} .Advantage .Advantage_b .Advantage_box:hover p{display: block;} .Advantage .Advantage_b .Advantage_box:hover img{height: 30px;margin-bottom: 10px;} .Advantage .Advantage_b .Advantage_box *{transition: all 0.3s;} @keyframes load{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .Advantages .left{display: flex;align-items: center;justify-content: center;height: 7.67rem;} .Advantages .right{width: 7.66rem;} .Advantages .right li{float: left;list-style: none;margin-bottom: 0.2rem} .Advantages .right li h3{font-size: 0.24rem;color: #ffffff;height: 0.41rem;line-height: 0.41rem;position: relative;} .Advantages .right li h3 img{vertical-align: middle;margin-top: -0.03rem;} .Advantages .right li h3 span{position: absolute;left: 0.58rem;top: 0;display: inline-block;height: 0.41rem;line-height: 0.41rem;font-weight: normal;} .Advantages .right li p{font-size: 0.16rem;line-height: 0.3rem;color: #ffffff;opacity: 0.3;margin-left: 0.58rem;width: 4rem;} .Advantages .right li.li1{margin-left: 3.06rem;margin-bottom: 0.6rem} .Advantages .right li.li2{margin-bottom: 0.5rem} .Advantages .right li.li3{margin-left: 2.01rem} .Advantages .right li.li4{margin-left: 0.83rem;margin-bottom: 0.7rem} .Advantages .right li.li5{margin-left: 3.04rem} @media(max-width:1600px){ .auto-inner{width: 90%;} .Advantage .Advantage_b .Advantage_box{margin-right: 0.3rem;} .Advantage .Advantage_b .Advantage_box:after{background-size: 100%} .Advantages .left,.Advantages .right{width: 50%;} .Advantages .right li.li1{margin-left: 20%} .Advantages .right li.li5{margin-left: 22%;} .Advantage .box_innovation .text{padding: 13% 7%} } @media(max-width:1024px){ .Advantage .Advantage_b{width: 100%;} .Advantage .Advantage_b .Advantage_box{float: left;width: 48%;margin-right: 0;} .Business_list2 li:nth-child(2),.Business_list2 li:nth-child(3),.Business_list2 li:nth-child(4),.Business_list2 li:nth-child(5){width: 100%;margin: 0 auto;margin-bottom: 5%} .Advantage2:after{background-size: 100% } .Advantages .left,.Advantages .right{width: 100%;height: auto;margin: 5% auto} .Advantages .right li.li5{margin-left: 2rem} .Advantages .right li.li1{margin-left: 1.5rem} .Advantages .right li h3 img{height: 100%;} .Advantage .box_innovation .text{width: 100%;padding: 5%} .Advantage .box_innovation .text:before{background-position: right center;background-size: auto} .Advantage .box_innovation .text .Columntit h3{margin-bottom: 0.1rem} } @media(max-width:1024px){ .Advantage .Advantage_b .Advantage_box:after{background-size: 100%} .Advantage .Advantage_b .Advantage_box{height: 4.5rem;} } .Proce { padding: 5% 0;} .Proce dd { width: 20%; margin-right: 6%; float: left;padding-top: 1rem; position: relative;} .Proce dd figure:after{content:"";display:block;width:1rem;height:0.02rem; background: #333; position: absolute;right: -1rem; top:30%; z-index: -10;} .Proce dd:last-child figure:after{ display: none;} .Proce dd:nth-child(1) figure:after{ transform: skewY(-50deg);top: 20%;} .Proce dd:nth-child(2) figure:after{ transform: skewY(30deg); top: 70%;} .Proce dd:nth-child(3) figure:after{transform: skewY(20deg); top: 70%;} .Proce dd:nth-child(4n){ margin-right: 0;} .Proce dd .pic{ padding-bottom: 70%; margin-bottom: 5%;} .Proce dd .icon { margin-bottom: 0.2rem; } .Proce dd:nth-child(2){ padding-top: 0;} .Proce dd:nth-child(3) { padding-top: 0.6rem;} .Proce dd .icon img{ width: 0.6rem; display: block;} .Proce dd h3{ font-weight: normal; margin:3% 0; color: #fff; font-size: 0.22rem;} .Proce dd h3 b{ margin-right: 0.2em;} .Proce dd figure{ background: #333;padding:8% 8% 10%; margin-top: 10%; position: relative;} .Proce dd figure:before{content:"";display:block;width:0;height:0;border-left:0.2rem solid transparent; border-right:0.2rem solid transparent;border-bottom:0.2rem solid #333; position: absolute; left:1em; top: -0.14rem;} .Proce dd span{ display: inline-block; color: #ccc; padding:0 0 0 0.1rem; margin-right: 1em; margin-top: 1%; margin-bottom:1%; position: relative; } .Proce dd span:before{content:"";display:block;width:0.04rem;height:0.04rem; position: absolute; left:0; top: 0.16rem; background: #666; border-radius: 1rem;} .PicList002622 .news-list{margin:3% 0 0;} .PicList002622 .news-list > .auto{ position:relative; max-width:86%;} .PicList002622 .news-list .grid{width: 328px;min-height: 100px;float: left;-webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease;-o-transition: top 1s ease, left 1s ease;-ms-transition: top 1s ease, left 1s ease; transition: top 1s ease, left 1s ease;} .PicList002622 .news-list .pic{ position:relative; margin:0 30px;} .PicList002622 .news-list .pic time{ position:absolute; left:0; top:0; background:#cca74f; color:#fff; width:97px; text-align:center; padding:2% 0;} .PicList002622 .news-list .pic time span{ display:block; font-size:40px; line-height:40px;} .PicList002622 .news-list .pic img{ display:block; width:100%;} .PicList002622 .news-list .txt{ background:#2e2e2e; text-align:center; padding: 3%;margin:0 30px;} .PicList002622 .news-list .txt h2{ margin:0; font-weight:normal; font-size:0.22rem; color: #fff;} .PicList002622 .news-list .txt h2 a{color: #fff;} @media(max-width:1024px){ .PicList002622 .news-top li .txt{ padding-top:5%; padding-bottom:5%;} .PicList002622 .news-top li .pic img{ width:100%; } } @media(max-width:768px){ .PicList002622 .news-list{ padding:0 10px;} .PicList002622 .news-list .pic, .PicList002622 .news-list .txt{margin:0 10px;} .PicList002622 .bx-pager{ width:auto; float:none; margin-top:2%;} .PicList002622 .news-top li .txt{ padding:3%;} .PicList002622 .news-top li .txt p{ margin:3% 0;} } @media(max-width:480px){ .PicList002622 .news-list{ padding:0 5px;} .PicList002622 .news-list .pic, .PicList002622 .news-list .txt{margin:0 5px;} .PicList002622 .news-list .pic time{ width:78px;} .PicList002622 .news-list .pic time span{ font-size:24px; line-height:30px;} .PicList002622 .news-list .txt h2{ font-size:16px;} .PicList002622 .news-list .txt p{ font-size:12px; line-height:20px; padding:0;} } /*index*/ /*Floor003155 */ .Floor003155{background-color: #eee;} .Floor003155 .fp-menu{position: fixed;z-index: 110; left: 3.125em; top:50%;transform: translateY(-50%);} .Floor003155 .fp-menu li{position: relative; padding: 12px 0; width: 24px;} .Floor003155 .fp-menu li a{display: block;width: 8px;height: 8px;background-color: #ccc;border-radius: 2px; margin: 0 auto; transition: 0.3s;} .Floor003155 .fp-menu li span{position: absolute; left: 100%;top: 50%;transform: translateY(-50%);font-size: 0.875em;color: #000000;margin-left: 0.7142em; line-height: 1.2; visibility: hidden;} .Floor003155 .fp-menu li:nth-child(1) span{transform:rotate(90deg); transform-origin: top;} .Floor003155 .fp-menu li.active span{visibility: initial;} .Floor003155 .fp-menu li.active{background: url(../images/Floor003155-icon.png) no-repeat center center;} .Floor003155 .fp-menu li.active a{background-color: transparent;} .Floor003155 .fp-menu[type='white'] li a{background-color: rgba(255,255,255,0.2);} .Floor003155 .fp-menu[type='white'] li span{color: #fff;} .Floor003155 .fp-menu[type='white'] li.active{background-image: url(../images/Floor003155-icon-white.png);} @media (max-width:1200px) { .Floor003155 .fp-menu{display: none;} } @media (max-width:1024px) { .Floor003155 .root-sz-16{font-size: 1.8vw;} } @media (max-width:480px) { .Floor003155 .root-sz-16{font-size:2.2vw;} } /* top */ .Floor003155 header .auto{max-width: none; width: 94.792%;} .Floor003155 #menu li span a{font-size: 1.125em;color: #fff;} .Floor003155 .open-search{width: 17px; height: 17px;background: url(../images/Floor003155-search.png) no-repeat center;display: inline-block;} .Floor003155 .top-search .btn{background-color: #d21b32; background-image: url(../images/Floor003155-search.png);} @media (min-width:1201px) { .Floor003155 header.Up{transform:translateY(calc(-100% + 3px));background-color:rgba(210,27,50,0.8);} .Floor003155 header.Down{transform: translateY(0);transition:0.3s 0s;} } @media (min-width:1025px) and (max-width:1200px) { .Floor003155 header{background-color:rgba(210,27,50,0.8);} } @media (min-width:1025px) { .Floor003155 header{position: fixed; left: 0;width: 100%; top: 0;z-index: 100;padding: 1.875em 0;transition:0.3s 0.5s;} .Floor003155 header .right{width: 77px;text-align: right;} .Floor003155 header .logo{width:30%;} .Floor003155 header .logo img{width: 18.75em;} .Floor003155 #menu li{float: left;} .Floor003155 #menu li:not(:last-child){margin-right:3.125em;} .Floor003155 .top-search{max-width: 400px; right: 3%;} } @media (max-width:1024px){ .Floor003155 header{height: 6em;} .Floor003155 header .wap{position: fixed; left: 0; top: 0;width: 100%;z-index: 100;background-color:rgba(210,27,50,0.8);} .Floor003155 #menu{position: absolute; top:100%;width: 200px; right: 0;background-color:rgba(210,27,50,0.8);visibility: hidden; transition: 0.5s; opacity: 0;transform: translateY(50px);z-index: 100;} .Floor003155 #menu li span a{display: block;padding:1em;} .menu-show .Floor003155 #menu{opacity: 1;transform: translateY(0); visibility:inherit;} .Floor003155 .open-menu{right: 2%; width: 30px;height: 30px;} .Floor003155 header .logo{display: table!important; height:6em;} .Floor003155 header .logo a{display: table-cell; vertical-align: middle;} .Floor003155 header .logo img{height: 3em;} .Floor003155 .top-search{width: 100%;max-width: none;} .Floor003155 .open-search{position: absolute;right: calc(2% + 50px); top: 50%;transform: translateY(-50%); width: 40px;height: 40px; z-index: 200;} } /* common */ .Floor003155 .section{overflow: hidden;} @media (max-width:1200px) { .Floor003155 .fp-section.fp-table, .Floor003155 .fp-tableCell{height: auto!important;} } .Floor003155 .home-more{display: inline-block;border: solid 2px #ffffff;color: #fff;transition: 0.5s; line-height: 3.5; padding: 0 1em;min-width: 11.25em; text-align: center;} .Floor003155 .home-more:hover{background-color: #d21b32;border-color: #d21b32;} .Floor003155 .home-more:after{display: inline-block;content: '';width: 0.5em; height: 0.5em;transform: rotate(45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; margin-left:1.25em; vertical-align: middle;} .Floor003155 .home-title .en{color: #d21b32;font-family: 'Bahnschrift';font-size: 5.625em;text-transform: uppercase;} .Floor003155 .home-title .cn{color: #000000;font-size: 2.125em;font-family: 'PingFang-SC-Bold';} .Floor003155 .home-title:after{display: block;width: 20px; height: 4px; background-color: #d21b32;content: ''; margin-top: 1em;} /* banner */ .Floor003155 .slider-banner{position: relative;z-index: 1;overflow: hidden;} .Floor003155 .slider-banner li{position: relative;} .Floor003155 .slider-banner .txt{position: absolute;left: 0;top: 0;width: 100%;z-index: 10;color: #fff;} .Floor003155 .slider-banner .txt, .Floor003155 .slider-banner .ytable{height: 100%;} .Floor003155 .slider-banner .txt .tit{font-size: 5em;letter-spacing: -3px; line-height: 1.25;} .Floor003155 .slider-banner .txt .desc{max-width:35em;font-size: 1.125em;line-height: 1.5555; margin-bottom: 6.482vh;transition-delay: 0.3s;} .Floor003155 .slider-banner .txt .home-more{display: block;width: 15em;text-align: center;line-height: 4.375;padding: 0;transition-delay: 0.6s;} .Floor003155 .slider-banner .txt .home-more:after{ margin-left:2.5em;width: 0.7em; height: 0.7em;} .Floor003155 .slider-banner .txt .ytable-cell > *{opacity: 0;transform: translateX(50px);transition-duration: 1s;transition-property: all;} .Floor003155 .slider-banner .ani-show .txt .ytable-cell > *{opacity: 1;transform: translateX(0); } .Floor003155 .slider-banner .Ispic{height: 100vh; width: 100vw;} .Floor003155 .slider-banner .ani-show .Ispic{transform: scale(1.1);transition: 5s;} .Floor003155 .slider-banner .controls dt{background-color: #d21b32; vertical-align: bottom;} .Floor003155 .slider-banner .mouse{display: block;text-align: center;} .Floor003155 .slider-banner .mouse:after{display: block;content: '';width: 2px; height: 14px; background-color: #ffffff; margin: 0 auto;} .Floor003155 .slider-banner .mouse i{display: block; margin: 0 auto 20px;width: 23px; height: 31px; border:2px solid #ffffff;border-radius: 23px;position: relative;} .Floor003155 .slider-banner .mouse i:before{position: absolute;content: ''; width: 2px;height: 7px;left: 50%; bottom: 5px;background-color: #fff; animation: Floor003155_mouse 1s linear infinite both alternate;} @keyframes Floor003155_mouse { 0%{transform: translateY(-10px);} 100%{transform: translateY(0);} } .Floor003155 .slider-banner .slick-arrow{display: inline-block; width: 12px;height: 12px;border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); margin: 0 21px;} .Floor003155 .slider-banner .slick-prev{ transform: rotate(-135deg);} .Floor003155 .slider-banner .slick-dots{display: inline-block; /*overflow: hidden;*/} .Floor003155 .slider-banner .slick-dots li{float: left;list-style: none; width: 2em; height: 2em;position: relative;} .Floor003155 .slider-banner .slick-dots li a{position: absolute;width: 0.12rem; height: 0.12rem; border-radius: 50%; left: 50%;top: 50%;transform: translate(-50%,-50%);border: solid 0.04rem #ffffff;opacity: 0.5;} .Floor003155 .slider-banner .slick-dots li.slick-active a{width: 0.18rem; height: 0.18rem;opacity: 1} @media (min-width:1201px) { .Floor003155 .slider-banner{height: 100vh;} .Floor003155 .slider-banner .controls{position: absolute;right: 0; bottom: 0;width: 100%;z-index: 4;} } @media (min-width:1025px) and (max-width:1200px) { .Floor003155 .slider-banner .controls dl{height: 10em;} .Floor003155 .slider-banner .slick-dots li{width: 4em;} } @media (min-width:1025px) { .Floor003155 .slider-banner .wap{display: none;} .Floor003155 .slider-banner .controls dl{display: table;width: 100%;height: 6.25em; table-layout: fixed;} .Floor003155 .slider-banner .controls dl > *{display: table-cell; vertical-align: middle;} .Floor003155 .slider-banner .controls dd{width: 29.167%;text-align: center;border-left: 1px solid #e6e6e6;} } @media(max-width:1024px) { .Floor003155 .slider-banner .pc{display: none;} .Floor003155 .slider-banner .controls dt, .Floor003155 .slider-banner .controls dd.btn{display: none;} .Floor003155 .slider-banner .controls dd.dots-box{position: absolute; bottom: 2em;z-index: 20; right: 0;} .Floor003155 .slider-banner .slick-dots li{margin: 0 1em;} .Floor003155 .slider-banner .slick-dots li a{background-color: #fff;} .Floor003155 .slider-banner .slick-dots li svg circle{stroke: #fff;} .Floor003155 .slider-banner .txt .tit{font-size: 3em;} .Floor003155 .slider-banner .txt .desc{margin-bottom: 2em;} .Floor003155 .slider-banner .txt .home-more{line-height: 2.6;} } .HomeTit .fl{position: relative;height: 0.4rem;} .HomeTit .cn{font-weight: bold;font-size: 0.4rem;line-height: 0.5rem;color: #ffffff;} .HomeTit .en{font-family: GOVERRegular;font-size: 0.32rem;line-height: 0.32rem;color: #ffffff;opacity: 0.08;position: absolute;left: 0;top: -0.17rem} .section .auto{margin-left:2.8rem; width: 15.01rem;height: 80%;} .sec-2 .swiper {width: 100%;padding: 0 18%;overflow: hidden;margin-top: 5%;padding-bottom: 80px;} .sec-2 .swiper .swiper-slide{position: relative;} .sec-2 .swiper .swiper-slide img{width: 100%;transition: all .5s;} .sec-2 .swiper .swiper-slide figure{overflow: hidden;} .sec-2 .swiper .swiper-slide .p1{opacity: 0; position: absolute;left: 0;transition: all .5s;bottom:1.0rem;color: #ffffff;line-height: 0.6rem;font-size: 0.2rem;text-align: left;width: 100%;padding-left: 0.35rem;padding-right: 0.35rem;} .sec-2 .swiper .swiper-slide .p1 b{font-size: 0.36rem;} .sec-2 .swiper .swiper-slide .p2{opacity: 0;height: 0.67rem;transition: all .5s;;line-height: 0.67rem;background-color: #2e2e2e;padding-left: 0.35rem;font-size: 0.24rem;color: #ffffff;} .sec-2 .swiper .swiper-slide .p2 span{width: 80%;display: inline-block;} .sec-2 .swiper .swiper-slide .p2 a{margin-right: 0.46rem;} .sec-2 .swiper .buttons{position: absolute;bottom: 20px;right: 0;width: 100%;height: 7px;} .sec-2 .swiper .buttons:after{width: 100%;height: 1px;background: rgba(255,255,255,.2);position: absolute;left: 0;bottom: 0px;content: ""} .sec-2 .swiper .buttons .swiper-button-next{background: url(../images/rightarr.png) no-repeat center;top: -10px;right: 0;left: 30px;margin: 0 auto;} .sec-2 .swiper .buttons .swiper-button-prev{background: url(../images/leftarr.png) no-repeat center;top: -10px;right: 30px;left: 0;margin: 0 auto;} .sec-2 .swiper .buttons .btn{width: 25px;height: 7px;} .sec-2 .swiper .swiper-slide-active.swiper-slide .p1,.sec-2 .swiper .swiper-slide-active.swiper-slide .p2{opacity: 1} .sec-2 .swiper-button-next:after,.sec-2 .swiper-button-prev:after{display: none} .sec-2 .swiper-3d .swiper-slide-shadow-left,.sec-2 .swiper-3d .swiper-slide-shadow-right{background: none} .sec-2 .swiper .swiper-slide:hover figure img{ transform: scale(1.2); } .sec-2 .swiper .swiper-slide:hover .p2{ background: #fff; } .sec-2 .swiper .swiper-slide:hover .p2 span{ color: #333; } .sec-2 .swiper .swiper-slide:hover .p1{ overflow: visible; -webkit-line-clamp: initial; -webkit-line-clamp: inherit; white-space: normal; line-height: 1.5; font-size: 0.16rem; } /*Floor003128 */ .Floor003128{ overflow: hidden;;} .Floor003128 .slider-img .Ispic{position: relative;z-index: 1; transition: all 0.5s;} .Floor003128 .slider-img .item:hover .Ispic{ transform: scale(1.05);} .Floor003128 .slider-img .item{position: relative;} .Floor003128 .slider-img .txt{position: absolute; bottom: 0; opacity: 0; height: 1.8rem;left: 0%;right:0%;color: #fff;z-index: 4;transition: 0.5s 0.5s;padding-right: 0.87rem;background: rgba(0,0,0,.8);padding-left: 2.15rem;} .Floor003128 .slider-img .slick-current .txt{bottom: 0; opacity: 1;} .Floor003128 .slider-img .tit{font-size: 0.24rem;letter-spacing: 0.01rem;color: #ffffff;line-height: 0.5rem;margin-top: 0.3rem;} .Floor003128 .slider-img .txt p{font-family: HarmonyOS_Sans_SC_Light;font-size: 0.16rem;line-height: 0.3rem;letter-spacing: 0.01rem;color: #999999;} .Floor003128 .slider-img .txt .more{display: inline-block; width: 0.32rem;;height: 0.32rem;;border-radius: 50%;background: url(../images/more3.png) no-repeat center; float: right;} .Floor003128 .slider-nav .inside .icon{transition: 0.3s;} .Floor003128 .slider-nav .inside .icon img{ max-height: 2.8125em;} .Floor003128 .slider-nav .inside .icon img.hover{display: none;} .Floor003128 .slider-nav li{cursor: pointer;transition: 0.3s;} .Floor003128 .slider-nav .inside i{opacity: 0} .Floor003128 .slider-nav li:hover .inside i, .Floor003128 .slider-nav .slick-current .inside i{opacity: 1} .Floor003128 .slider-nav li:hover aside, .Floor003128 .slider-nav .slick-current aside{color: #fff;} .Floor003128 .slider-nav .slick-current .icon img.default{display: none;} .Floor003128 .slider-nav .slick-current .icon img.hover{display: inline-block;} .Floor003128 .auto{position: relative;min-height: 7.2rem;} .Floor003128 .slider-img{position: absolute;width: 13.3rem;right: 0%; top: 0;height: 100%;z-index: 1;} .Floor003128 .slider-img .Ispic{height: 7.2rem;} .Floor003128 .slider-nav{width: 2.74rem; height: 7.2rem;background-color: #2e2e2e;float: left;z-index: 20;position: relative;padding-left: 0.69rem;padding-top: 0.52rem} .Floor003128 .slider-nav .ytable{height: 100%;} .Floor003128 .slider-nav .HomeTit2{position: relative;font-size: 0.4rem;color: #ffffff;margin-bottom: 0.5rem} .Floor003128 .slider-nav .HomeTit2 .cn{font-weight: bold;} .Floor003128 .slider-nav .HomeTit2 .en{font-family: GOVERRegular;font-size: 0.32rem;color: #ffffff;opacity: 0.06;line-height: 0.26rem;position: absolute;top: -0.26rem;left: 0} .Floor003128 .slider-nav .inside{display: table;width: 100%; table-layout: fixed; line-height: 0.5rem;} .Floor003128 .slider-nav .inside > *{display: table-cell;vertical-align: middle;} .Floor003128 .slider-nav .inside .icon{text-align: center; width: 50%;padding-left: 6.625em;} .Floor003128 .slider-nav .inside aside{padding-right: calc(3.125em + 0.5625em); background: url(../images/Floor003128-plus.svg) no-repeat right 3.125em center; background-size: 0.5625em auto;} .Floor003128 .slider-nav .slick-current aside{background-image: url(../images/Floor003128-plus-white.svg)} .Floor003128 .slider-nav .slick-current .icon{ width: 35.75%;padding-left:0;} @media (max-width:1024px) { .Floor003128 .slider-img .Ispic{padding-bottom: 73.283%;} .Floor003128 .slider-img .txt{left: 3%;right: 3%;} .Floor003128 .slider-img .slick-current .txt{bottom: 2em;} .Floor003128 .slider-nav{overflow: hidden;height: 5em;} .Floor003128 .slider-nav .inside{display: flex;align-items: center;height: 5em;padding: 0 0.5em;} .Floor003128 .slider-nav .inside aside{flex: 1;} .Floor003128 .slider-nav .inside .icon{width: 25%; flex-shrink: 0; margin-right: 5%;text-align: center;} .Floor003128 .slider-nav .inside .icon img{ max-height: 1.5em;} } .section .Floor003128 .auto{margin: 0;height: 7.2rem;} .sec-4.section .auto{width: auto;} .sec-4.section .auto .more{margin-top: 0.5rem;display: inline-block;} .sec-4 .HomeTit{position: relative;} .sec-4 .Columntit h3{font-size: 0.24rem;margin-top: 0.5rem;} .sec-4 .Singlepage .about{margin-left: 0} /*Floor002905 */ .sec-5 .Floor002905 .auto{margin-left: 0;height: auto;} .sec-5 .Floor002905 .HomeTit{margin-bottom: 0.6rem;display: inline-block;width: 100%;} .sec-5 .Floor002905{position: relative;} .sec-5 .Floor002905:after{width: 90%;height: 1px;background: rgba(255,255,255,.2);position: absolute;left: 0;bottom: -40px;content: ""} @media(max-width:1600px) { .section .auto{width: 80%;margin-left: 14%;} .sec-3 .auto .auto{width: 100%;} .Floor003128 .slider-img .txt{left: 10%} .Singlepage .about .num dd:not(:last-child){padding-right: 5%;} .Singlepage .about .num dd:after{right: 13%} .Floor003128 .slider-nav .HomeTit2{margin-bottom: 0.3rem} .Floor003128 .slider-nav .inside{line-height: 0.4rem;} } @media(min-width:1025px){ .Floor002905 .auto > .main{max-width: 1600px; margin: 0 auto;} } .Floor002905 .title{font-size: 48px;margin-bottom: 4vw;color: #333;font-family: 'SourceHanSansCN-Regular';line-height: 1em;} .Floor002905 .title .more{float: right;font-size: 16px;color: #333;} .Floor002905 .title .more:before, .Floor002905 .title .more:after{display: inline-block; content: ''; vertical-align: middle;height: 1px;background: #333;width: 0;transition: 0.3s;} .Floor002905 .title .more:before{margin-right: 20px;} .Floor002905 .title .more:after{margin-left: 20px; width: 80px;} .Floor002905 .title .more:hover{margin-left: 0;} .Floor002905 .title .more:hover:before{width: 80px;} .Floor002905 .title .more:hover:after{width: 0;} @media(max-width:640px){ .Floor002905 .title{font-size: 7vw;} } .Floor002905 .news-list li a{ display: block;position: relative; height: 100%; transition: 0.3s;} .Floor002905 .news-list li{width: 46.342%;float: left;} .Floor002905 .news-list li:nth-child(2){float: right;} .Floor002905 .news-list li time{position: absolute; left: 0; bottom: 0; width: 100%;line-height: 60px;} .Floor002905 .news-list li time{;color: #999;transition: 0.3s;} .Floor002905 .news-list li .txt{padding: 30px 0px 0;} .Floor002905 .news-list li .txt aside.dot2{font-size: 0.24rem;font-weight: normal;line-height: 0.3rem;color: #ffffff;height: 0.6rem;margin-bottom: 0.2rem} .Floor002905 .news-list li a:hover aside.dot2{color: #00A0E9;} .Floor002905 .news-list li .txt p{margin: 0;;font-size: 0.16rem;line-height: 0.3rem;max-height: 9em;color: #888888;} .Floor002905 .news-list li a:hover{border-color: #00A0E9;} .Floor002905 .news-top li{position: relative;} .Floor002905 .news-top li .Ispic{ transition: all 0.5s;} .Floor002905 .news-top li:hover .Ispic{ transform: scale(1.05);} .Floor002905 .news-top li .txt{position: absolute;left: 0; bottom:0;right: 0;height: 0.9rem;background: rgba(0,0,0,.8); z-index: 10;line-height: 0.9rem;padding: 0 0.35rem} .Floor002905 .news-top li .time{text-align: right;font-size: 0.16rem;letter-spacing: 0.01rem;color: rgba(255,255,255,.6);} .Floor002905 .news-top li .time img{vertical-align: middle;margin-top: -0.03rem;margin-right: 0.1rem;} .Floor002905 .news-top li .word aside{font-size: 0.24rem;color: #fff} .Floor002905 .news-top .slick-arrow{position: absolute; top: auto;bottom: -40px;right: 40px; width: 25px; height: 7px; border-radius: 0%;background: url("../images/leftarr.png") no-repeat center center; z-index: 20; } .Floor002905 .news-top .slick-prev{left: auto;right: 0;background: url("../images/rightarr.png") no-repeat center center;} .Floor002905 .news-list li .pic{ overflow: hidden;} .Floor002905 .news-list li .Ispic{height: 2.56rem; transition: all 0.5s;} .Floor002905 .news-list li:hover .Ispic{ transform: scale(1.05);} @media(min-width:1025px){ .Floor002905 .news-top{float: right;width: 49%;height: 5.4rem;;} .Floor002905 .news-list{float: left;width: 49%;} .Floor002905 .news-list li, .Floor002905 .news-top li .Ispic{height:5.4rem;;} } @media(min-width:1025px) and (max-width:1600px){ .Floor002905 .news-list li, .Floor002905 .news-top li .Ispic{height: 28.75vw;} .Floor002905 .news-list li .txt{padding: 3vw 2vw 0;} .Floor002905 .news-list li time{line-height: 3.75vw; padding: 0 2vw;} .Floor002905 .news-list li time:after{ width: 3.75vw; height: 3.75vw;} } @media(min-width:1025px) and (max-width:1366px){ .Floor002905 .news-top li .word aside, .Floor002905 .news-list li .txt aside.dot2{font-size: 1.5vw;} .Floor002905 .news-list li .txt aside.dot2{margin-bottom: 1.5vw;} .Floor002905 .news-list li .txt p{font-size: 1vw;} } @media(max-width:1024px){ .Floor002905 .news-top{margin-bottom: 6vw;} .Floor002905 .news-top li .Ispic{padding-bottom: 63.889%;} .Floor002905 .news-list li .txt{padding: 3vw;} .Floor002905 .news-top li .word aside, .Floor002905 .news-list li .txt aside.dot2{font-size: 3vw;} .Floor002905 .news-list li a{height: auto;padding-bottom: 0;} .Floor002905 .news-list li .txt aside.dot2{height: 3em;} .Floor002905 .news-list li .txt p{height: 9em;} } .totop{display: none} .section .totop{display: block;} .bottom{padding: 1.2rem 0 1rem;background-color: #111111;} .bottom .flogo{font-size: 0.24rem;letter-spacing: 0.14rem;color: #888888;line-height: .7rem;} .bottom .flogo img{float: left;margin-right: 0.3rem;} .bottom .flogo span{float: left;line-height: 0.6rem;} .bottom .fcot{clear:both;} .bottom .fcot li{float: left;margin-right: 0.9rem;list-style: none;} .bottom .fcot li h3{height: 0.23rem;line-height: 0.23rem;font-weight: normal;margin-bottom: 0.1rem;margin-top: 0.5rem;font-size: 0.16rem;color: #666666;letter-spacing: 0.01rem;} .bottom .fcot li h3 img{vertical-align: middle;margin-right: 5px;margin-top: -3px;} .bottom .fcot li p{font-size: 0.16rem;letter-spacing: 0.01rem;color: #cccccc;} .bottom .bshare-custom a{width: .3rem;height: .3rem;text-align: center;display: inline-block;} .bottom .bshare-custom a.bshare-weixin{background: url(../images/ficon5.png) no-repeat center;} .bottom .bshare-custom a.bshare-qqim{background: url(../images/ficon6.png) no-repeat center;} .bottom .bshare-custom a.bshare-sinaminiblog{background: url(../images/ficon7.png) no-repeat center;} .bottom .bshare-custom{color: #cccccc;letter-spacing: 0.01rem;font-size: 0.16rem;margin-top: 1rem;} .bottom .bottom_b{width: 100%;height: 0.6rem;line-height: 0.6rem;border-top: 1px solid rgba(255,255,255,.08);margin-top: .55rem;} .bsBox{box-sizing: unset;} @media(max-width:1600px){ .bottom .fcot li{margin-right: 0.4rem;} .Floor003128 .slider-img .Ispic,.Floor003128 .slider-nav,.section .Floor003128 .auto{height: 6rem;} } @media(max-width:1600px){ .bottom .fcot li p{font-size: 0.14rem} } @media(max-width:1024px){ .bottom .flogo span{display: inline-block;} .bottom .bshare-custom{display: inline-block;width: 100%;} .bottom .fr{width: 100%;} .bottom .fcot li{width: 100%;} .fp-tableCell,#fullpage,section{height: auto !important;margin:0% 0 2} .sec-2,.sec-3,.sec-4,.sec-5{padding-top: 5%;display: inline-block;width: 100%;clear:both;} .section .auto{width: 96%;margin: 0 auto} .Maintop{display: none} .sec-2 .swiper .swiper-slide .p2 a{margin-right: 0;} .sec-2 .swiper .swiper-slide .p2 span{width: 80%;float: left;} .Floor003128 .slider-nav{width: 100%;padding: 0.5rem 0.3rem;height: 3rem} .Floor003128 .slider-img{position: static;float: left;width: 100%;} .Floor003128 .slider-nav .inside aside{padding-right: 0;} .Floor003128 .slider-nav .HomeTit2{margin-bottom: 0rem} .Floor003128 .slider-img .slick-current .txt{bottom: 0;padding-left: 0.5rem;left: 0;right: 0} .sec-4.section .auto{width: 96%;margin: 0 auto} .sec-4.section .Singlepage .about{margin: 0 auto} .fl{float: left;} .fr{float: right;} .Floor002905 .news-list li{width: 100%;} .Floor002905 .news-list li time{padding-left: 0.2rem;} } /*02_业务领域详情*/ .News_detail .sec-2 .swiper{padding: 50px 20%} .News_detail .sec-2 .swiper .swiper-button-next{background: url(../images/rightarr2.png) no-repeat center;right: 16%} .News_detail .sec-2 .swiper .swiper-button-prev{background: url(../images/leftarr2.png) no-repeat center;left: 16%} .News_detail .sec-2 .swiper2{padding: 50px 0%;text-align: center;} /*精品案例*/ /*PicList002949 */ .PicList002949{padding-top: 1rem} .PicList002949 .item{position: relative;margin: 0 1rem 0.5rem 0rem;width: 13.66rem;clear:both;height: 4.3rem;margin-left: 1rem} .PicList002949 .item a:hover{color: #1e50ae;} .PicList002949 .txt{transition: all .5s ease;text-align: right; float: left;width: 6.28rem;z-index: 5;height: 3.4rem;background-color:rgba(0,0,0,.6);position: absolute;left: 0.29rem;top: 50%;margin-top: -1.7rem;display: flex;align-items: center;justify-content: center;} .PicList002949 .txt .inner{padding: 0 0.48rem;} .PicList002949 .txt p{font-size: 0.16rem;line-height: 0.3rem;color: #ffffff;opacity: 0.8;} .PicList002949 .tit{font-size: 0.32rem;line-height: 0.32rem;color: #ffffff;letter-spacing: 0.02rem;margin-bottom: 0.3rem;} .PicList002949 .item .more{padding-top: 25px;display: inline-block;} .PicList002949 .pic{ width: 8.9rem;height: 4.3rem;float: right;position: relative;} .PicList002949 .pic:before{width: 0.74rem; height: 0.04rem;background-color: #000000;position: absolute;right: 0;bottom: 0.58rem;content: ""} .PicList002949 .pic:after{width: 0.74rem; height: 0.04rem;background-color: #fff;position: absolute;right: -0.74rem;bottom: 0.58rem;content: ""} .PicList002949 .pic img{ transition: all 0.5s;} .PicList002949 .item:hover .pic img{ transform: scale(1.05);} .PicList002949 .item:hover .txt{background-color:rgba(0,0,0,.8);} .PicList002949 .item:hover .txt p{overflow: visible;-webkit-line-clamp: initial; -webkit-line-clamp: inherit;} .PicList002949 .item:nth-child(2n+1) .txt{left: auto;right: 0.26rem;text-align: left;} .PicList002949 .item:nth-child(2n+1) .txt .tit{margin-right: 0;} .PicList002949 .item:nth-child(2n+1){margin-left: 0.73rem} .PicList002949 .item:nth-child(2n+1) .pic{float: left} .PicList002949 .item:nth-child(2n+1) .pic:before,.PicList002949 .item:nth-child(2n+1) .pic:after{right: auto;left: 0} .PicList002949 .item:nth-child(2n+1) .pic:after{left: -0.74rem} @media(max-width:1600px){ .PicList002949 .item{width: 100%;margin-left: 0.5rem} .PicList002949 .item:nth-child(2n+1){margin-left: 0.3rem} } @media(max-width:1024px){ .PicList002949 .item{width: 100%;margin: 0 auto;margin-bottom: 40px;display: inline-block;height: auto;} .PicList002949 .txt{position: static;margin: 0 auto;width: 100%;} .PicList002949 .item:nth-child(2n+1) .txt .tit{margin-left: 0} .PicList002949 .item:nth-child(2n+1) .pic:after{left: 0;} .PicList002949 .item:nth-child(2n+1) .pic:before{left: 0.74rem;} .PicList002949 .item:nth-child(2n+1){margin-left: 0} .PicList002949 .pic:before{right: 0.74rem} .PicList002949 .pic:after{right: 0} .PicList002949 .tit{margin-right: 0;} .PicList002949 .pic{width: 100%;height: auto;} } @media(min-width:641px) and (max-width:1024px){ .PicList002949 .pic{ width:50%;} .PicList002949 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002949 .tit{font-size: 5vw;} } /*PicList002951 */ .PicList002951{padding-top:0;} .PicList002951 .item{margin: 0} .PicList002951 .item a:hover{color: #1e50ae;} .PicList002951 .txt {background: #202020 url(../images/bg3.png) no-repeat right center} .PicList002951 .txt .inner{padding: 0 1.21rem 0 1.21rem;} .PicList002951 .txt p.dot3{font-size: 0.16rem;line-height: 0.3rem;color: #ffffff;opacity: 0.7;padding-left: .36rem;background: url(../images/shu.png) no-repeat left center;text-align: justify;} .PicList002951 .tit{font-size: 0.38rem;color: #ffffff;letter-spacing: 0.02rem;margin-bottom: 0.4rem} .PicList002951 .item .more{padding-top: 25px;display: inline-block;} .PicList002951 .pic{ width:50%;} .PicList002951 .pic img{height: 4.3rem;} @media(min-width:641px) and (max-width:1024px){ .PicList002951 .pic{ width:50%;} .PicList002951 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002951 .ytable, .PicList002951 .ytable-cell{display: block;} .PicList002951 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002951 .tit{font-size: 5vw;} } .PicList002951 .jzgd{text-align: center;padding: .5rem 0} .PicList002951 .jzgd img{animation: load 2s linear infinite;} @media(max-width:1024px){ .PicList002951 .pic{width: 100%;} }